/**
 * Created by Administrator on 2017/5/30 0030.
 */
$(function () {
    var tbod = $('#cart-centen table tbody')
    var carCenter=$('#cart-centen')
    var objcok = getCookie()



    if (objcok[' product']){
        $('#cart-centen .cart-img').remove()//当
        var otr = $('<tr></tr>')
        var arr = ['全选', '订单商品', '单价', '数量', '优惠', '小计', '操作']
        for (var i = 0; i < arr.length; i++) {
            var oth = $('<th></th>')
            oth.html(arr[i])
            otr.append(oth)
        }
        tbod.append(otr)

        var obj = JSON.parse(objcok[' product'])
        var tr = $('<tr></tr>')
        var otd1 = $('<td></td>')
        var oinput = $('<input class="cke" type="checkbox" checked>')
        otd1.append(oinput)
        tr.append(otd1)
        var otd2 = $('<td class="img"></td>')
        var oimg=$('<img>')
        oimg.attr('src',obj.url)


        var odiv=$('<div class="name"></div>')
        var oa=$('<a></a>')
        oa.html(obj.rname)
        var op=$('<p><span>白色</span><span>s</span></p>')
        odiv.append(oa)
        odiv.append(op)
        otd2.append(oimg)
        otd2.append(odiv)
        tr.append(otd2)

        var otd3=$('<td></td>')
        otd3.html(obj.price)
        tr.append(otd3)

        var otd4=$('<td></td>')
        var oul=$('<ul></ul>')
        var ino=$('<input type="text">')
        ino.val(obj.num)
        var oli1=$('<li>-</li>')
        var oli2=$('<li></li>')
        oli2.append(ino)
        var oli3=$('<li>+</li>')
        otd4.append(oul)
        oul.append(oli1)
        oul.append(oli2)
        oul.append(oli3)
        tr.append(otd4)



        var otd5=$('<td></td>')
        var op1=$('<p></p>')
     op1.html('￥'+obj.privilege)
        var op2=$('<p></p>')
        op2.html('优惠促销入')
        otd5.append(op1)
        otd5.append(op2)
        tr.append(otd5)



        var otd6=$('<td></td>')
        otd6.append('￥'+obj.sumnym)
        tr.append(otd6)

        var otd7=$('<td></td>')
        var opp1=$('<p>移入收藏夹</p>')
        var opp2=$('<p>删除</p>')
        otd7.append(opp1)
        otd7.append(opp2)
        tr.append(otd7)
        tbod.append(tr)





        var sdiv=$('<div id="car-bottom"></div>')

        var div1=$('<div class="car-1"></div>')

        var oul11=$('<ul><input type="checkbox"><li>全选</li><li>删除</li><li>移入收藏夹</li></ul>')

          div1.append(oul11)
          sdiv.append(div1)



        var div2=$('<div class="car-2"></div>')

        var oul12=('<ul><li>商品总额：<em style="color: #c81518">'+obj.sum+'</em> -商品优惠：<em style="color: #ff7800">￥'+obj.privilege+'</em> 选购金额：<em style="color: #c81518">￥'+obj.sumnym+'</em></li><li>满减优惠<em>0.00</em></li></ul>')



      div2.append(oul12)
        sdiv.append(div2)



        var div3=$('<div class=car-3></div>')

        var oul13=('<ul><li><p>总计： <span style="color:#ff3344;font-size: 18px"> ￥'+obj.sumnym +' </span> </p><p>商品：<span>'+obj.num+'</span>  件 赠品 <span>0</span>件</p></li><li>海外直购结算</li><li>去结算</li></ul>')


        div3.append(oul13)
        sdiv.append(div3)
        carCenter.append(sdiv)

        var num=parseInt(obj.num)
        $('#cart-centen table tbody tr').eq(1).find('td').eq(3).find('ul li').eq(2).on('click',function () {
            num++
            $(this).prev().find('input').val(num)
            $('#cart-centen table tbody tr').eq(1).find('td').eq(5).html('￥'+699*num)
            $('#cart-centen table tbody tr').eq(1).find('td').eq(4).find('p').eq(0).html('￥'+(1200-699)*num)
            $('#car-bottom .car-2 ul li').eq(0).find('em').eq(0).html('￥'+1200*num)
            $('#car-bottom .car-2 ul li').eq(0).find('em').eq(1).html('￥'+(1200-699)*num)
            $('#car-bottom .car-2 ul li').eq(0).find('em').eq(2).html('￥'+(699)*num)
            $('#car-bottom .car-3 ul li p').eq(0).find('span').eq(0).html('￥'+(699)*num)
            $('#car-bottom .car-3 ul li p').eq(1).find('span').eq(0).html(num)

        })


        $('#cart-centen table tbody tr').eq(1).find('td').eq(3).find('ul li').eq(0).on('click',function () {
            num--
            if(num<=0){
                num=0
            }
            $(this).next().find('input').val(num)
            $('#cart-centen table tbody tr').eq(1).find('td').eq(5).html('￥'+699*num)
            $('#cart-centen table tbody tr').eq(1).find('td').eq(4).find('p').eq(0).html('￥'+(1200-699)*num)
            $('#car-bottom .car-2 ul li').eq(0).find('em').eq(0).html('￥'+1200*num)
            $('#car-bottom .car-2 ul li').eq(0).find('em').eq(1).html('￥'+(1200-699)*num)
            $('#car-bottom .car-2 ul li').eq(0).find('em').eq(2).html('￥'+(699)*num)
            $('#car-bottom .car-3 ul li p').eq(0).find('span').eq(0).html('￥'+(699)*num)
            $('#car-bottom .car-3 ul li p').eq(1).find('span').eq(0).html(num)



        })

        $('#cart-centen table tbody tr').eq(1).find('td').eq(0).find('input').on('click',function () {

            if($('#cart-centen table tbody tr').eq(1).find('td').eq(0).find('input').prop('checked')){
                $('#car-bottom .car-2 ul li').eq(0).find('em').eq(0).html('￥'+1200*num)
                $('#car-bottom .car-2 ul li').eq(0).find('em').eq(1).html('￥'+(1200-699)*num)
                $('#car-bottom .car-2 ul li').eq(0).find('em').eq(2).html('￥'+(699)*num)
                $('#car-bottom .car-3 ul li p').eq(0).find('span').eq(0).html('￥'+(699)*num)
                $('#car-bottom .car-3 ul li p').eq(1).find('span').eq(0).html(num)

                $('#cart-centen tbody tr').eq(1).children('td').eq(6).find('p').eq(1).on('click',function () {
                    tbod.find('tr').remove()
                    carCenter.remove()
                    setCookie('product','str',-100)
                    window.location.href='cart.html'
                });



            }else {
                $('#car-bottom .car-2 ul li').eq(0).find('em').eq(0).html(0)
                $('#car-bottom .car-2 ul li').eq(0).find('em').eq(1).html(0)
                $('#car-bottom .car-2 ul li').eq(0).find('em').eq(2).html(0)
                $('#car-bottom .car-3 ul li p').eq(0).find('span').eq(0).html(0)
                $('#car-bottom .car-3 ul li p').eq(1).find('span').eq(0).html(0)
            }
        })



        $('#car-bottom .car-1 input').on('click',function () {

            if($(this).prop('checked')){
                $('#cart-centen table tbody tr').eq(1).find('td').eq(0).find('input').prop('checked',true)

                $('#car-bottom .car-2 ul li').eq(0).find('em').eq(0).html('￥'+1200*num)
                $('#car-bottom .car-2 ul li').eq(0).find('em').eq(1).html('￥'+(1200-699)*num)
                $('#car-bottom .car-2 ul li').eq(0).find('em').eq(2).html('￥'+(699)*num)
                $('#car-bottom .car-3 ul li p').eq(0).find('span').eq(0).html('￥'+(699)*num)
                $('#car-bottom .car-3 ul li p').eq(1).find('span').eq(0).html(num)
                $('#cart-centen tbody tr').eq(1).children('td').eq(6).find('p').eq(1).on('click',function () {
                    tbod.find('tr').remove()
                    carCenter.remove()
                    setCookie('product','str',-100)
                    window.location.href='cart.html'
                });

            }else {
                $('#cart-centen table tbody tr').eq(1).find('td').eq(0).find('input').prop('checked',false)
                $('#car-bottom .car-2 ul li').eq(0).find('em').eq(0).html(0)
                $('#car-bottom .car-2 ul li').eq(0).find('em').eq(1).html(0)
                $('#car-bottom .car-2 ul li').eq(0).find('em').eq(2).html(0)
                $('#car-bottom .car-3 ul li p').eq(0).find('span').eq(0).html(0)
                $('#car-bottom .car-3 ul li p').eq(1).find('span').eq(0).html(0)

            }
        })



    }




})